<template>
  <div class="school">
      <h2>学校名称：{{name}}</h2>
      <h2>学校地址：{{address}}</h2>
  </div>
</template>

<script>
  import pubsub from 'pubsub-js'
  export default {
    name: 'School',
    data(){
      return{
        name:'inspurwahaha',
        address: 'jinan'
      }
    },
    methods:{
      showStudentName(name){
        console.log('学生姓名是',name)
      },
      demo(msgName,data){
        console.log('hello发布了',msgName,data)
      }
    },
    mounted() {
      /*this.$bus.$on('getStudentName',this.showStudentName)*/
      /*this.pubId = pubsub.subscribe('hello',function (msgName,data) {
        console.log('hello发布了',msgName,data)
      })*/
      /*this.pubId = pubsub.subscribe('hello',(msgName,data)=> {
        console.log('hello发布了',msgName,data)
      })*/
      this.pubId = pubsub.subscribe('hello',this.demo)
    },
    beforeDestroy() {
      /*this.$bus.$off('getStudentName')*/
      pubsub.unsubscribe(this.pubId)
    }
  }
</script>

<style scoped>
  .school {
    background-color: skyblue;
    padding: 10px;
  }
</style>